<!DOCTYPE HTML>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8">
    <title>Powerful JQuery Plugins</title>
    <link href="/js/jQueryUI/jquery-ui.css" type="text/css" rel="stylesheet"></link>
    <link href="/js/jQueryScrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet"></link>
  	<style type="text/css">
  		div {
  			/* 绝对定位底部居中 */
  			position: fixed;
  			margin-left: auto;
  			margin-right: auto;
  			left: 0;
  			right: 0;
  			bottom: 0;
  			min-width: 551px;
  			min-height: 211px;
  			width: 551px;
  			height: 211px;
  			border: 1px solid #366;
  		}
  		div > img {
  			margin: 5px;
  		}
  	</style>
  </head>
  <body>
  	<div></div>
    <script src="/js/jQuery/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="/js/jQueryUI/jquery-ui.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/jquery.validate.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/messages_zh.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/additional-methods.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/additional-methods.js" type="text/javascript"></script>
    <script src="/js/jQueryScrollbar/perfect-scrollbar.jquery.js" type="text/javascript"></script>
    <script src="/js/holder/holder.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            console.info("Dom元素加载完毕！");
            for (var i = 0; i < 5; i++) {
            	//使用data-src避免浏览器报404找不到图片路径的错误
            	$("div").append($("<img>").attr("data-src", "holder.js/100x200"));
            }
        });
    </script>
  </body>
</html>